<!-- <nz-tab>
    <ng-template #nzTabHeading>
        季度保
    </ng-template>-->
    <div class="half"> 
<nz-tabset [nzTabPosition]="'left'" style="height:300px">
  <nz-tab>
    <ng-template #nzTabHeading>
      扶手带的运行速度
      <i style="color:red" class="anticon anticon-close" *ngIf="showBean.speedOfHandrail&&showBean.speedOfHandrail.isOk==0"></i>
      <i style="color:green" class="anticon anticon-check" *ngIf="showBean.speedOfHandrail&&showBean.speedOfHandrail.isOk==1"></i>
    </ng-template>
    <div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>要求</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          相对于梯级、踏板或者胶带的速度允差为 0~+2%
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>备注</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          {{showBean.speedOfHandrail?showBean.speedOfHandrail.remark:""}}
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>照片</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          <div *ngIf = "showBean.speedOfHandrail">                 <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.speedOfHandrail.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />             </div>
         
        </div>
      </div>
    </div>
  </nz-tab>
  <nz-tab>
    <ng-template #nzTabHeading>
            梯级链张紧装置
      <i style="color:red" class="anticon anticon-close" *ngIf="showBean.stepchainTensioningDevice&&showBean.stepchainTensioningDevice.isOk==0"></i>
      <i style="color:green" class="anticon anticon-check" *ngIf="showBean.stepchainTensioningDevice&&showBean.stepchainTensioningDevice.isOk==1"></i>
    </ng-template>
    <div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>要求</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
                工作正常 
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>备注</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          {{showBean.stepchainTensioningDevice?showBean.stepchainTensioningDevice.remark:""}}
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>照片</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          <div *ngIf = "showBean.stepchainTensioningDevice">                 <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.stepchainTensioningDevice.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />             </div>
         
        </div>
      </div>
    </div>
  </nz-tab>
  <nz-tab>
    <ng-template #nzTabHeading>
            梯级轴衬 
      <i style="color:red" class="anticon anticon-close" *ngIf="showBean.stepBushings&&showBean.stepBushings.isOk==0"></i>
      <i style="color:green" class="anticon anticon-check" *ngIf="showBean.stepBushings&&showBean.stepBushings.isOk==1"></i>
    </ng-template>
    <div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>要求</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
                润滑有效 
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>备注</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          {{showBean.stepBushings?showBean.stepBushings.remark:""}}
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>照片</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          <div *ngIf = "showBean.stepBushings">                 <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.stepBushings.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />             </div>
         
        </div>
      </div>
    </div>
  </nz-tab>
  <nz-tab>
    <ng-template #nzTabHeading>
            梯级链润滑 
      <i style="color:red" class="anticon anticon-close" *ngIf="showBean.cascadeLubrication&&showBean.cascadeLubrication.isOk==0"></i>
      <i style="color:green" class="anticon anticon-check" *ngIf="showBean.cascadeLubrication&&showBean.cascadeLubrication.isOk==1"></i>
    </ng-template>
    <div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>要求</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
                运行工况正常 
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>备注</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          {{showBean.cascadeLubrication?showBean.cascadeLubrication.remark:""}}
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>照片</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          <div *ngIf = "showBean.cascadeLubrication">                 <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.cascadeLubrication.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />             </div>
         
        </div>
      </div>
    </div>
  </nz-tab>
  <nz-tab>
    <ng-template #nzTabHeading>
            防灌水保护装置 
      <i style="color:red" class="anticon anticon-close" *ngIf="showBean.antifloodProtectionDevice&&showBean.antifloodProtectionDevice.isOk==0"></i>
      <i style="color:green" class="anticon anticon-check" *ngIf="showBean.antifloodProtectionDevice&&showBean.antifloodProtectionDevice.isOk==1"></i>
    </ng-template>
    <div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>要求</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
                动作可靠(雨季到来之前必须完成) 
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>备注</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          {{showBean.antifloodProtectionDevice?showBean.antifloodProtectionDevice.remark:""}}
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
          <label>照片</label>
        </div>
        <div nz-form-control nz-col [nzSm]="20" [nzXs]="20">
          <div *ngIf = "showBean.antifloodProtectionDevice">                 <img  (click)="showLargeImage(titlepic,contentpic,footerpic,pic)"  style="margin-left:2px;" *ngFor="let pic of showBean.antifloodProtectionDevice.picUrl " src="{{config.IP+config.API.getUpload+pic}}" width="40px" height="30px" />             </div>
         
        </div>
      </div>
    </div>
  </nz-tab>
</nz-tabset>
 </div>
 <ng-template #titlepic>
    <span>图片</span>
</ng-template>
<ng-template #contentpic>
    <enlarge-pic [inValue]="picList" (outPut)="addOutPut($event)"></enlarge-pic>
</ng-template>
<ng-template #footerpic>
    <div>
    </div>
</ng-template>
<!--
        </nz-tab> -->
